// 兄弟通信
import { useState } from "react";
function Son1 ({sendSonMsg}) {
  const sonMsg = "this is son";
  return (
    <div>
      Son1: 
      <button onClick={ ()=> sendSonMsg(sonMsg) }> sendMSg</button>
    </div>
  )
}

function Son2 (props) {
  console.log(props);
  return (
    <div>
      Son2: 
      { props.msg }
    </div>
  )
}

function App () {
  const [msg, setMsg] = useState("");
  const getMsg = (msg) => {
    setMsg(msg);
  }
  return (
    <div>
      <Son1 sendSonMsg={getMsg}> </Son1>
      <Son2 msg={msg}></Son2>
    </div>
  )
}
export default App;